/*头部样式*/
header.head {
    background: #F4A460;
    padding-right: 0;
    padding-left: 0;
}

header.head h1 {
    font-size: 1rem;
    color: #fff;
}

header.head span {
    width: 1.5rem;
    text-align: right;
    color: #FFFFFF;
}

header.head span.personal {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

/*搜索框*/

/*中部信息样式*/
nav.nav {
    text-align: center;
    font-size: 0.8rem;
    /*padding:0.2rem 0.5rem;*/
    line-height: 2rem;
    background: #ffffff;
    /*border-top: 1px solid #CCC;*/
    margin-top: 2.2rem;
}

nav.nav div span {
    line-height: 1.2rem;
}

nav.nav div.row div span:nth-child(2) {
    color: #BE7296;
}

/*中部主体样式*/
article {
    position: absolute;
    top: 2.2rem;
    left: 0;
    bottom: 0;
    right: 0;
    overflow-y: scroll;
}

article div.con {
    width: 100%;
    /*height: 100%;*/
    text-align: center;
    border-top: 0.5rem solid #EEEEEE;
    border-bottom: 3rem solid #EEEEEE;
    background: #ffffff;

}

article div.con ul {
    margin: 0;
    padding: 0;
}

article div.con ul li {
    width: 33.33%;
    height: 4.5rem;
    float: left;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

article div.con ul li:nth-child(3n) {
    border-right-color: #FFFFFF;
}

article div.con ul li:nth-last-child(-n+2) {
    /*border-bottom-color: #ffffff;*/
}

article div.con ul li a {
    color: #BE7296;
    font-size: 0.7rem;
}

/*article.con ul li:nth-child(-n+2) a{*/
/*color:#3d4145;*/
/*}*/
article div.con ul li a span {
    display: block;
    width: 100%;
    line-height: 3rem;
    text-align: center;
    font-size: 2rem;
    color: #E5B664;
}

article div.con ul li:nth-child(3) a span {
    color: #6CB0F0;
}

article div.con ul li:nth-child(4) a span {
    color: #E18953;
}

article div.con ul li:nth-child(5n) a span {
    color: #78C167;
}

article div.con ul li:nth-child(6n) a span {
    color: #E17E6E;
}

article div.con ul li:nth-child(7n) a span {
    color: #7FC6B4;
}

article div.con ul li:nth-child(8n) a span {
    color: #DD746A;
}

article div.con ul li:nth-child(9) a span {
    color: #74A5CF;
}



/*底部 导航*/
nav.foot {
    z-index: 15;
}

nav.foot a {
    color: #f4a460 !important;
}

nav.foot p span[class] {
    padding: 0 0.2rem;
}

/*底部 导航*/
/*底部导航*/
footer.foot {
    text-align: left;
    position: fixed;
    bottom: 0;
    left: 0;
}

footer.foot p {
    line-height: 1rem;
    margin: 0;
    padding-top: 1rem;
}

footer.foot p span.user_name {
    color: #BE7296;
}

/*左侧栏*/
div.panel-left {
    text-align: center;
}

div.panel-left p.name {
    color: #ffffff;
    margin-top: 2rem;
    font-size: 1.1rem;
}

div.panel-left p.monitor {
    color: #ffffff;
    font-size: 1.1rem;
}

div.panel-left p select.companyNameShort {
    width: 100%;
    background: transparent;
    text-align: center;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

div.panel-left div.panel_foot {
    width: 90%;
    position: fixed;
    bottom: 0;
    left: 5%;
}

div.panel-left p.logout a {
    border-color: #ffffff;
    color: #ffffff;
}

div.panel-left p.role a {
    border-color: #ffffff;
    color: #ffffff;
}

div.panel-left p.version {
    font-size: 0.65rem;
}

/*左侧栏*/

/*公司框*/
div.div_gs {
    display: none;
    position: fixed;
    top: 20%;
    left: 10%;
    width: 80%;
    height: auto;
    margin: 0 auto;
    border-radius: 0.25rem;
    background: #cdcdcd;
    z-index: 10901;
}

div.div_gs p {
    margin: 0.25rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
}

div.div_gs select {
    width: 95%;
    height: 1.8rem;
    border: none;
    border-radius: 3px;
    padding-left: 0.5rem;
}

div.div_gs .row {
    width: 90%;
    margin: 0.75rem auto 0.5rem;
}

div.div_gs .row span.button {
    height: 2rem;
    line-height: 2rem;
    border-radius: 0.2rem;
}

div.div_gs .row .gs_quxiao span.button {
    background: #000000;
}
/*公司框*/
